import React from 'react';
import { connect } from 'dva';
import styles from './shaked.less'
import shakedImg from '@/assets/image/dtimage/shaked.png'
import downIcon from '../../assets/image/xl.svg'


class Shaked extends React.Component {
  render() {
    const { shackletonTimes, shackletonScore, shackletonLevel, shackletonRank } = this.props
    return (
      <div className={styles.bg}>
        <img className={styles.downIcon} src={downIcon} alt='' />
        <div className={styles.box}>
          <div className={styles.title}>2019年沙克尔顿</div>
          <div className={styles.textBox}>
            <div>你共<span className={styles.textColor}>{shackletonTimes || ''}</span>次奔赴<span className={styles.textColor}>{shackletonLevel || ''}</span>等级的沙克尔顿战场</div>
            <div>最终成绩<span className={styles.textColor}>{shackletonScore || ''}</span>分，名列第<span className={styles.textColor}>{shackletonRank || ''}</span></div>
            <div className={styles.border}></div>
            <div>风剑曾经曰过：</div>
            <div>成长才是人生永恒的主题，</div>
            <div>其他的都是过往云烟！</div>
          </div>
          <img className={styles.img} src={shakedImg} alt=""></img>
        </div>
      </div>
    )
  }
}

export default connect(({ index }) => index.shackleton)(Shaked)